<template>
  <div class="item__wrap">
    <div class="item-content custom__item-content" v-if="target && target.prompt_menu_icon">
      <div class="content__wrapper">
        <div class="item__header">
          <svg-icon :icon-class="`menu-${target.prompt_menu_icon}`" class="fs-24 mr-4"></svg-icon>
          <span>{{ target.prompt_menu_title }}</span>
        </div>
        <div>{{ target.content }}</div>
      </div>
    </div>
    <div class="item-content" v-else>
      {{ item.target.business === '1' ? '生成待办' : item.target.content }}
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: {
    item: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
    }
  },
  computed: {
    target () { return this.item.target }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.item__wrap {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
  user-select: text;
  text-align: left;
}
.item-content {
  min-width: auto;
  display: inline-flex;
  background: rgba(255,255,255,0.1);
  padding: 10px 20px;
  border-radius: $border-radius;
  border-bottom-right-radius: 0;
  font-size: 14px;
  box-shadow: 0px 0px 20px 0px rgba(64,135,243,0.1);
  line-height: 1.8;
}
.custom__item-content {
  .item__header {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-bottom: 6px;
    --color-primary: #{$color-primary};
    --color-active: #f49f17;
  }
}
</style>
